<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sutrixmedia</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<!-- Le styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}
.sidebar-nav {
	padding: 9px 0;
}
</style>
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/prettify.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
</head>
<body>
<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container-fluid"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="javascript:void(0)">Sutrixmedia <span>Admin Panel</span></a>
      <div class="btn-group pull-right"> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)"> <i class="icon-user icon-white"></i> Username <span class="caret"></span> </a>
        <ul class="dropdown-menu">
          <li><a href="javascript:void(0)">Profile</a></li>
          <li class="divider"></li>
          <li><a href="javascript:void(0)">Sign Out</a></li>
        </ul>
      </div>
      <ul class="nav pull-right">
        <li><a href="javascipt:void(0)">Link</a></li>
        <li class="divider-vertical"></li>
        <li class="dropdown"> <a href="javascipt:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="javascipt:void(0)">Action</a></li>
            <li><a href="javascipt:void(0)">Another action</a></li>
            <li><a href="javascipt:void(0)">Something else here</a></li>
            <li class="divider"></li>
            <li class="nav-header">Nav header</li>
            <li><a href="javascipt:void(0)">Separated link</a></li>
            <li><a href="javascipt:void(0)">One more separated link</a></li>
          </ul>
        </li>
      </ul>
      <div class="nav-collapse">
        <ul class="nav">
          <li class="active"><a href="javascript:void(0)">Homepage</a></li>
          <li><a href="javascript:void(0)">Link</a></li>
        </ul>
      </div>
      <!--/.nav-collapse -->
      <form class="navbar-search pull-left" action="#">
        <input type="text" class="search-query span2" placeholder="Search">
      </form>
    </div>
  </div>
</div>
<div class="container">
  <div class="row">
    <div class="span12">
      <h1>Dashboard<small> Welcome to Sutrixmedia Admin Panel</small></h1>
      <hr/>
      <div class="hero-unit">
        <h1>Hello, world!</h1>
        <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
        <p><a class="btn btn-primary btn-small">Learn more</a></p>
      </div>
      <hr/>
      <div class="well">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <h3> Announcement </h3>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
    </div>
  </div>
  <h2>User Details</h2>
  <form class="form-horizontal well">
    <fieldset>
      <div class="control-group">
        <label class="control-label">Full Name</label>
        <div class="controls">
          <input class="span3" type="text" placeholder="Enter your name here">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label">Gender</label>
        <div class="controls">
          <select class="span1">
            <option>Male</option>
            <option>Female</option>
          </select>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label">Gender</label>
        <div class="controls">
          <select class="span1">
            <option value="0">Day</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
          </select>
          <select class="span1">
            <option value="0">Month</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
          </select>
          <select class="span1">
            <option value="0">Year</option>
            <option value="2005">2005</option>
            <option value="2004">2004</option>
            <option value="2003">2003</option>
            <option value="2002">2002</option>
            <option value="2001">2001</option>
            <option value="2000">2000</option>
            <option value="0">------</option>
            <option value="1999">1999</option>
            <option value="1998">1998</option>
            <option value="1997">1997</option>
            <option value="1996">1996</option>
            <option value="1995">1995</option>
            <option value="1994">1994</option>
            <option value="1993">1993</option>
            <option value="1992">1992</option>
            <option value="1991">1991</option>
            <option value="1990">1990</option>
            <option value="0">------</option>
            <option value="1989">1989</option>
            <option value="1988">1988</option>
            <option value="1987">1987</option>
            <option value="1986">1986</option>
            <option value="1985">1985</option>
            <option value="1984">1984</option>
            <option value="1983">1983</option>
            <option value="1982">1982</option>
            <option value="1981">1981</option>
            <option value="1980">1980</option>
            <option value="0">------</option>
            <option value="1979">1979</option>
            <option value="1978">1978</option>
            <option value="1977">1977</option>
            <option value="1976">1976</option>
            <option value="1975">1975</option>
            <option value="1974">1974</option>
            <option value="1973">1973</option>
            <option value="1972">1972</option>
            <option value="1971">1971</option>
            <option value="1970">1970</option>
            <option value="0">------</option>
            <option value="1969">1969</option>
            <option value="1968">1968</option>
            <option value="1967">1967</option>
            <option value="1966">1966</option>
            <option value="1965">1965</option>
            <option value="1964">1964</option>
            <option value="1963">1963</option>
            <option value="1962">1962</option>
            <option value="1961">1961</option>
            <option value="1960">1960</option>
            <option value="0">------</option>
            <option value="1959">1959</option>
            <option value="1958">1958</option>
            <option value="1957">1957</option>
            <option value="1956">1956</option>
            <option value="1955">1955</option>
            <option value="1954">1954</option>
            <option value="1953">1953</option>
            <option value="1952">1952</option>
            <option value="1951">1951</option>
          </select>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label">Address</label>
        <div class="controls docs-input-sizes">
          <input class="span3" type="text" placeholder="Enter your address here">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="inlineCheckboxes">Inline checkboxes</label>
        <div class="controls">
          <label class="checkbox inline">
            <input type="checkbox" id="inlineCheckbox1" value="option1">
            1 </label>
          <label class="checkbox inline">
            <input type="checkbox" id="inlineCheckbox2" value="option2">
            2 </label>
          <label class="checkbox inline">
            <input type="checkbox" id="inlineCheckbox3" value="option3">
            3 </label>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="optionsCheckboxList">Checkboxes</label>
        <div class="controls">
          <label class="checkbox">
            <input type="checkbox" name="optionsCheckboxList1" value="option1">
            Option one is this and that—be sure to include why it's great </label>
          <label class="checkbox">
            <input type="checkbox" name="optionsCheckboxList2" value="option2">
            Option two can also be checked and included in form results </label>
          <label class="checkbox">
            <input type="checkbox" name="optionsCheckboxList3" value="option3">
            Option three can—yes, you guessed it—also be checked and included in form results </label>
          <p class="help-block"><strong>Note:</strong> Labels surround all the options for much larger click areas and a more usable form.</p>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="multiSelect">Multicon-select</label>
        <div class="controls">
          <select multiple="multiple" id="multiSelect">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
          </select>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="fileInput">File input</label>
        <div class="controls">
          <input class="input-file" id="fileInput" type="file">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="textarea">Textarea</label>
        <div class="controls">
          <textarea class="input-xlarge" id="textarea" rows="3"></textarea>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label">Radio buttons</label>
        <div class="controls">
          <label class="radio">
            <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
            Option one is this and that—be sure to include why it's great </label>
          <label class="radio">
            <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
            Option two can be something else and selecting it will deselect option one </label>
        </div>
      </div>
      <div class="form-actions">
        <button type="submit" class="btn btn-primary">Save changes</button>
        <button class="btn">Cancel</button>
      </div>
    </fieldset>
  </form>
  <hr/>
  <footer>
    <p>&copy; SutrixMedia 2012</p>
  </footer>
</div>
<!-- Le javascript
    ================================================== --> 
<!-- Placed at the end of the document so the pages load faster --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script src="assets/js/bootstrap.min.js"></script> 
<script src="assets/js/prettify.js"></script>
</body>
</html>
